<template>
    <el-container>
        <!--头部区域-->
        <el-header height="94px">
            <Eheader/>
        </el-header>


        <!--展示区域-->
        <el-main>
            <!--左侧区域-->
            <el-aside width="150px">
                <Easide/>
            </el-aside>
            <!--右中区域-->
            <router-view></router-view>
        </el-main>

        <!--底部-->
        <el-footer>Footer</el-footer>
    </el-container>


</template>

<script>
    import Eheader from './e-header'
    import Easide from './e-aside'

    export default {
        components: {Eheader, Easide,},
        data() {
            return {}
        }
    }
</script>

<style scoped lang="scss">
    .el-header {
        background: #fbfbfb;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .el-main {
        width: 1200px;
        margin: 10px auto 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .el-aside {
        border: 1px solid #edf0f5;
        @include ellipsis
    }


</style>
